import React from 'react'
import ReactDOM from 'react-dom'

// 1. 先定义
/* function Hello() {
  return <h1>Hello React</h1>
} */

const Hello = () => <h1>Hello React</h1>

// 渲染谁，渲染到哪里
// 2. 使用，单标签闭合或双标签
ReactDOM.render(<Hello />, document.querySelector('#react'))
// ReactDOM.render(<Hello></Hello>, document.querySelector('#react'))
// 下面写法确实可以出来结果，但是是当做普通函数使用的，而不是一个组件
// ReactDOM.render(Hello(), document.querySelector('#react'))
